<template>
  <view class="asset-list-page">
    <view class="list-header">
      <text>类型</text>
      <text>金额</text>
      <text>时间</text>
    </view>

    <view class="asset-list">
      <view class="asset-item" v-for="(item, index) in assetItems" :key="index">
        <text>{{ item.type }}</text>
        <text>{{ item.amount }}</text>
        <text>{{ item.time }}</text>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      assetItems: [
        { type: '存款', amount: 1000, time: '2023-11-01 10:00:00' },
        { type: '取款', amount: -500, time: '2023-11-02 11:00:00' },
        { type: '收入', amount: 200, time: '2023-11-03 12:00:00' },
        // 可以添加更多资产列表项
      ]
    };
  }
};
</script>

<style scoped>
/* 样式可根据实际需求进行调整 */
.asset-list-page {
  padding: 20px;
}

.list-header {
  display: flex;
  justify-content: space-between;
  padding: 10px;
  background-color: #f0f0f0;
  font-weight: bold;
}

.asset-item {
  display: flex;
  justify-content: space-between;
  padding: 10px;
  border-bottom: 1px solid #ccc;
}
</style>
